<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>三级级联菜单</title>
		<style>
			.menu select{
				width: 100px;
				height: 50px;
				background-color: pink;
				font-size: 18px;
				
			}
			
			.menu2 select{
				width: 100px;
				height: 50px;
				background-color: blue;
				font-size: 18px;
				margin-top: 20px;
				color: #fff;
			}
		</style>
	</head>
	<body>
		<div data-toggle="distpicker" class="menu">
			<select data-province="安徽省"></select>
			<select data-city="宿州市"></select>
			<select data-district="埇桥区"></select>
		</div>
			
		<div class="menu2">
			<select ></select>
			<select ></select>
			<select ></select>
		</div>
		<script src = "../lib/jquery-3.1.1.js"></script>
		<script src = "../lib/distpicker.min.js"></script>
		<script >
			$('.menu2').distpicker({
			  province: '安徽省',
			  city: '淮北市',
			  district: '濉溪县'
			});
		</script>
	</body>
</html>
